<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <div class="container">   
        <div class="register">
            <p>创建通行证</p>
            <p>创建账户，开启你的游戏体验。</p>
            <ul>
                <li><input type="text" value="" name="username" placeholder="用户名"><span class="check-uname">3-7个汉字字符</li>
                <li><input type="password" name="userpwd" value="" placeholder="密码" class="check"><span>6-15位数字、字母、_</span></li>
                <li><input type="password" name="checkpwd" value="" placeholder="确认密码" class="check"><span class="check-pwd">两次输入的密码不一致！</span></li>
                <li><input type="text" value="" name="" placeholder="电子邮箱"><span class="check-email">无效的电子邮箱格式！</span></li>
                <li><input type="text" value="" name="phone" placeholder="手机号"><span class="check-phone">无效的手机格式！</span></li>
                <li><button class="register-btn">提交注册信息</button></li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="copy-box">2019&nbsp©xinwenruyi</div>
    </div>
</body>
<script src="../js/register.js"></script>
</html>

